/* 后代选择器 使用空格隔开 */

.parent{
    width: 500px;
    height: 500px;
    background-color: #ff0000;
    border: 1px solid #000;
    margin-bottom: 50px;
}

.parent .zi{
    color: blue;
    font-size: 30px;
}
.zi{
    width: 300px;
    height: 300px;
    background-color: #00ffff;
    border: 1px solid royalblue;
}

/* 子元素选择器 子元素为第一代有效果 使用大于号分割 */

.parent > .zi{
    font-weight: 900;
    border-radius: 50%;
    border-width: 10px;
}

